<template>
	<view class="app" >
		
		<view class="app-con" style="background-image: url(http://webfwjs.xlygrcw.com/web/img/48.png);">
			<view class="app-1">
				<view class="" style="height: 64upx;"></view>
				<view class="" v-if="hasLogin">
					<view class="">
						<image :src="userInfo.avatarUrl"  mode="aspectFill"></image>
					</view>
					<text>{{userInfo.nickName}}</text>
				</view>
				<view class="" v-else @tap="onLogin">
					<view class="">
						<image :src="`http://webfwjs.xlygrcw.com/web/img/avatar.png`"  mode="aspectFill"></image>
					</view>
					<text>点击登录</text>
				</view>
			</view>
			<view class="app-2">
				
				<view class="">
					<image :src="`http://webfwjs.xlygrcw.com/web/img/35.png`" mode="widthFix"></image>
					<text>数据展示</text>
				</view>
				<view class=""  @tap="onPage('/Chret/pages/yuanqu/index/index')">
					<image :src="`http://webfwjs.xlygrcw.com/web/img/36.png`" mode="widthFix"></image>
					<text>园区服务</text>
				</view>
				<view class="">
					<image :src="`http://webfwjs.xlygrcw.com/web/img/37.png`" mode="widthFix"></image>
					<text>项目审批</text>
				</view>
			</view>
			<view class="app-3">
				<view class="">
					<view class="">
						<view class="">
							<image :src="`http://webfwjs.xlygrcw.com/web/img/38.png`" mode="widthFix" style="width:43upx;"></image>
						</view>
						<text>个人信息</text>
					</view>
					<text class="iconfont icon-jiantou"></text>
				</view>
				<view class="">
					<view class="">
						<view class="">
							<image :src="`http://webfwjs.xlygrcw.com/web/img/50.png`" mode="widthFix" style="width:40upx;"></image>
						</view>
						<text>我的投资</text>
					</view>
					<text class="iconfont icon-jiantou"></text>
				</view>
				<view class="">
					<view class="">
						<view class="">
							<image :src="`http://webfwjs.xlygrcw.com/web/img/40.png`" mode="widthFix" style="width:47upx;"></image>
						</view>
						<text>我的入驻</text>
					</view>
					<text class="iconfont icon-jiantou"></text>
				</view>
				<view class="">
					<view class="">
						<view class="">
							<image :src="`http://webfwjs.xlygrcw.com/web/img/49.png`" mode="widthFix" style="width:45upx;"></image>
						</view>
						<text>我的企业</text>
					</view>
					<text class="iconfont icon-jiantou"></text>
				</view>
				<view class="">
					<view class="">
						<view class="">
							<image :src="`http://webfwjs.xlygrcw.com/web/img/41.png`" mode="widthFix" style="width:31upx;"></image>
						</view>
						<text>发布单位招聘</text>
					</view>
					<text class="iconfont icon-jiantou"></text>
				</view>
				<view class="">
					<view class="">
						<view class="">
							<image :src="`http://webfwjs.xlygrcw.com/web/img/51.png`" mode="widthFix" style="width:43upx;"></image>
						</view>
						<text>发布个人求职</text>
					</view>
					<text class="iconfont icon-jiantou"></text>
				</view>
			</view>
			<view class="app-3">
				
				<view class="">
					<view class="">
						<view class="">
							<image :src="`http://webfwjs.xlygrcw.com/web/img/43.png`" mode="widthFix" style="width:42upx;"></image>
						</view>
						<text>我的机构</text>
					</view>
					<text class="iconfont icon-jiantou"></text>
				</view>
				<view class="">
					<view class="">
						<view class="">
							<image :src="`http://webfwjs.xlygrcw.com/web/img/44.png`" mode="widthFix" style="width:40upx;"></image>
						</view>
						<text>我的项目</text>
					</view>
					<text class="iconfont icon-jiantou"></text>
				</view>
			</view>
			<view class="app-3">
				<view class="">
					<view class="">
						<view class="">
							<image :src="`http://webfwjs.xlygrcw.com/web/img/45.png`" mode="widthFix" style="width:45upx;"></image>
						</view>
						<text>邀请注册</text>
					</view>
					<text class="iconfont icon-jiantou"></text>
				</view>
				<view class="">
					<view class="">
						<view class="">
							<image :src="`http://webfwjs.xlygrcw.com/web/img/47.png`" mode="widthFix" style="width:42upx;"></image>
						</view>
						<text>设置</text>
					</view>
					<text class="iconfont icon-jiantou"></text>
				</view>
			</view>
			<view class="" style="height: 60upx;"></view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			
		};
	},
	onLoad() {
		
	},
	methods: {
		onPage(url){
			uni.navigateTo({
				url:url
			})
		},
		onLogin(){
			uni.getUserProfile({
				desc: '登录',
				success: (res) => {
					console.log(res)
					this.$store.dispatch('setHasLogin', res.userInfo);
				},
				fail: (e) => {
					console.log(e)
				}
			})
		}
	},
	computed: {
		hasLogin() {
			return this.$store.getters.hasLogin;
		},
		userInfo() {
			return this.$store.getters.userInfo;
		}
	},
	watch: {}
};
</script>

<style lang="scss">
@import './index.scss';
</style>
